<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Title of the page</title>
  </head>
  <body>
    Content of the body.
    <dl>
      <dt id="love">Love</dt>
      <dd>To code is to love</dd>
      <dt>No section for me</dt>
      <dd>This term does not have an ID so it's not gonna get its own section</dd>
      <dt id="code">Code</dt>
      <dt id="docs">Docs</dt>
      <dd>Code and docs are like love, they are 4-letter words.</dd>
      <dt id="complexity">Complexity</dt>
      <dd>
        <dl>
          <dt id="mother">Mother</dt>
          <dd>Mother cannot fly</dd>
          <dt id="stones">All stones</dt>
          <dd>All stones cannot fly</dd>
          <dt id="ergo">Ergo</dt>
          <dd>Mother is a stone</dd>
        </dl>
        <dl>
          <dt>Sub-term of complexity</dt>
          <dd>I am indexed in the #complexity section</dd>
        </dl>
      </dd>
    </dl>
  </body>
</html>
